<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>食谱</title>
    <link href="css/index.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="js/one.js" type="text/javascript"></script>
</head>
<body>
    <div class="header">
        <div class="center">
            <div class="header_left">
                <img src="images/1.png">
                小王烘焙坊
            </div>
            <div class="header_right">
                <ul>
                    <li><a href="login.html">登录</a></li>
                    <li>|</li>
                    <li><a href="zhuchi.html">注册</a></li>
                </ul>
                <div class="rg_car">
                    购物车
                    <img src="images/2.png">
                </div>
        </div>
    </div>
    </div>
    <div class="nav">
        <div class="center1">
            <span id="nav_car">
                烘焙直通车
            </span>
            <div class="car_bottom">
                <ul>
                    <li>焙烤入门
                        <a href="#">
                            百科 材料 工具 书籍 求助
                        </a></li>
                    <li>焙烤进阶
                        <a href="#">
                            讲习会 培训 食谱 商城 促销
                        </a></li>
                    <li>焙烤大人
                        <a href="#">
                            名人名师 交流 图库
                        </a></li>
                    <li>轻餐食
                        <a href="#">
                            西餐 冷饮 冰淇淋 甜点 披萨
                        </a></li>
                    <li></li>
                </ul>
            </div>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li>|</li>
                <li><a href="#">商城</a></li>
                <li>|</li>
                <li><a href="#">食谱</a></li>
                <li>|</li>
                <li><a href="#">图库</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <div class="nav_right">
                <input type="text" class="text">
                <input type="button" value="搜索" class="button">
            </div>
        </div>
    </div>
    <div class="m_banner">
        <div class="center">
            <div class="mb_l">
                <ul>
                    <li>焙烤入门
                        <a href="#">
                            百科 材料 工具 书籍 求助
                        </a></li>
                    <li>焙烤进阶
                        <a href="#">
                            讲习会 培训 食谱 商城 促销
                        </a></li>
                    <li>焙烤大人
                        <a href="#">
                            名人名师 交流 图库
                        </a></li>
                    <li>轻餐食
                        <a href="#">
                            西餐 冷饮 冰淇淋 甜点 披萨
                        </a></li>
                    <li></li>
                </ul>
            </div>
            <div class="mb_c">
                <div class="mb_c1">
                    <div class="container" id="container">
                        <div id="btn-prev" class="btn-ctrl">&lt;</div>
                        <div id="btn-next" class="btn-ctrl">&gt;</div>
                        <ul id="inner-list">
                            <li><img src="images/lunbo_3.jpg" alt="" width="647" height="400"/></li>
                            <li><img src="images/lunbo_4.jpg" alt="" width="647" height="400"/></li>
                            <li><img src="images/lunbo_5.jpg" alt="" width="647" height="400"/></li>
                        </ul>
                        <ul id="dot-list">
                        </ul>
                    </div>
                </div>
                <div class="mb_c2">
                    <div id="contain">

                    </div>
                </div>
            </div>
            <div class="mb_r">
                <div class="mb_r1"><img src="images/16.png"></div>
                <div class="mb_r2"><img src="images/18.png"></div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div class="sp1">
        <div class="center">
            <div class="s1">
                <p>精选食谱</p>
                <a href="javascript:;">两分钟爱美食</a>
            </div>
            <div class="s2">
                <ul>
                    <li><a href="#" style="color: #000"><img src="images/19.png"><h4>经历了两百年，被吃货..</h4></a></li>
                    <li><img src="images/20.png"><h4>有求必应:水果王子..</h4></li>
                    <li><img src="images/21.png"><h4>风靡ins的一分钟美味..</h4></li>
                    <li><img src="images/22.png"><h4>连颜色都是春天的..</h4></li>
                    <div style="clear:both;"></div>
                </ul>
            </div>
        </div>
    </div>
    <div class="sp2">
        <div class="center">
            <div class="s1">
                <p>焙烤商店</p>
                <ul>
                    <li>中文书籍</li>
                    <li>外文书籍</li>
                    <li>杂志光盘</li>
                </ul>
            </div>
            <div class="s3">
                <div class="s3_1">
                    <img src="images/23.png">
                    <div class="s3_11">
                        <p>书籍推荐</p>
                        <br/>
                        <hr>
                        <h6>零负评！ 柔<br>
                            法式点心专
                        </h6>
                    </div>
                    <div class="s3_12">
                        <p>原料推荐</p>
                        <br/>
                        <hr>
                        <h6>
                            法国纯天然
                        </h6>
                    </div>
                </div>
                <div class="s3_2">
                    <img src="images/31.jpg">
                </div>
                <div class="s3_3">
                    <ul>
                        <li><a href="#"><img src="images/24.png"></a></li>
                        <li><img src="images/25.png"></li>
                        <li><img src="images/26.png"></li>
                        <li><img src="images/27.png"></li>
                    </ul>
                </div>
                <div style="clear: both"></div>
            </div>
        </div>
    </div>
    <div class="sp3">
        <div class="center">
            <div class="s1">
                <p>美图鉴赏</p>
                <ul>
                    <li>翻糖</li>
                    <li>糖艺</li>
                    <li>巧克力</li>
                    <li>西点</li>
                    <li>面包</li>
                    <li>造型</li>
                    <li>面塑</li>
                </ul>
            </div>
            <div class="s4">
                 <div class="lunbo">
                        <ul id="lunbo1">
                            <li><img src="images/lunbo_6.jpg"></li>
                            <li><img src="images/lunbo_7.jpg"></li>
                            <li><img src="images/lunbo_8.jpg"></li>
                            <li><img src="images/lunbo_9.jpg"></li>
                            <li><img src="images/lunbo_10.jpg"></li>
                        </ul>
                        <ol id="lunbo2">
                        </ol>
                        <div class="l_l"><</div>
                        <div class="l_r">></div>
                        <div style="clear: both"></div>
                    </div>
                <ul class="last">
                    <li><img src="images/28.png"></li>
                    <li><img src="images/29.png"></li>
                    <li><img src="images/30.png"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer1">
        <div class="center">
            <p>友情链接</p>
            <hr>
            <ul>
                <li>惠利宝比赛</li>
                <li>焙易网</li>
                <li>更多链接>></li>
                <div style="clear:both;"></div>
            </ul>
        </div>
    </div>
    <script src="js/teo.js" type="text/javascript"></script>
</body>
</html>